<%--
  Created by IntelliJ IDEA.
  User: 谢佳豪
  Date: 2020/10/24
  Time: 10:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html; charset=UTF-8" language="java" isErrorPage="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set value="${pageContext.request.contextPath}" var="path" scope="page"/>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>活动广场</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <link rel="Shortcut Icon" href="../../images/logo.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<!-- 头部导航栏 -->
<%@ include file="WEB-INF/jsp/header.jsp"%>

<section style="margin-top: 5px;">
    <div class="container shadow" id="main-part">
        <div class="row main-introduce">
            <div class="col-md-12 col-content">
                <div class="col-md-12" style="margin-top: 180px;">
                    <h2 class="setpadding">浏览活动</h2>
                </div>
                <div class="col-md-12">
                    <h2 class="setpadding">寻找志同道合的小伙伴,</h2>
                </div>
                <div class="col-md-12">
                    <h2 class="setpadding">共同组队</h2>
                </div>
                <div class="col-md-12">
                    <span class="setpadding">为广金er服务的组队网站</span>
                </div>
                <ul class="nav" style="margin-top: 50px;margin-left: 50px;">
                    <li><a href="/login" class="btn btn-primary set_btn_a" id="publishCooperation">发 起 组 队</a>
                    </li>
                    <li><a href="/cooperation/cooperationSquare" class="btn btn-primary set_btn_b">浏 览 活 动</a></li>
                </ul>
            </div>
        </div>
    </div>
</section>

<section style="margin-top: 70px; ">
    <div class="container shadow-sm introduce-part"  id="bottom-part">
        <div class="row">
            <div class="col-md-12">
                <h1 class="about-us">关于我们</h1>
            </div>
        </div>
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-4">
                <div class="content introduce-card">
                    <div class="img_title">
                        <img src="images/liulan.png" alt="">
                        <h4>广场</h4>
                    </div>
                    <div class="introduce-text">
                        <h6>在活动广场浏览活动</h6>
                        <h6>在组队广场查找队伍</h6>
                        <h6>找到自己想要参加的活动/队伍</h6>
                    </div>
                </div>
            </div>
            <div class="col-md-2"></div>
            <div class="col-md-4">
                <div class="content introduce-card">
                    <div class="img_title">
                        <img src="images/faburenwu.png" alt="">
                        <h4>发布</h4>
                    </div>
                    <div class="introduce-text">
                        <h6>根据自己的需求</h6>
                        <h6>在这里发起活动/发起组队</h6>
                    </div>

                </div>
            </div>
            <div class="col-md-1"></div>
        </div>
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-4">
                <div class="content introduce-card">
                    <div class="img_title">
                        <img src="images/kekao.png" alt="">
                        <h4>可靠</h4>
                    </div>
                    <div class="introduce-text">
                        <h6>由一个籍籍无名的队伍创造</h6>
                        <h6>不用担心个人信息的泄露</h6>
                        <h6>这里都是亲切的校友</h6>
                    </div>
                </div>
            </div>
            <div class="col-md-2"></div>
            <div class="col-md-4">
                <div class="content introduce-card">
                    <div class="img_title">
                        <img src="images/hezuo.png" alt="">
                        <h4>寻找</h4>
                    </div>
                    <div class="introduce-text">
                        <h6>苦于参赛/参加活动没有队友？</h6>
                        <h6>在这里找到志同道合的小伙伴吧</h6>
                    </div>
                </div>
            </div>
            <div class="col-md-1"></div>
        </div>
    </div>
</section>


<!-- 发起活动的模态框 -->
<!-- organize activities -->
<div class="modal fade" id="OAModal" tabindex="-1" role="dialog" aria-labelledby="OAModalLabel" aria-hidden="true">
    <div class="modal-dialog dialog-oa">
        <div class="modal-content content-oa">
            <div class="modal-body body-oa">
                <div class="prompt-text">您还没有进行登录！请您进行登录！</div>
                <div class="bgimg_oa"></div>
            </div>
        </div>
    </div>
</div>

<!-- 视窗底部的按钮 -->
<div class="fixed-bottom navbar-fixed-bottom">
    <a href="#bottom-part" class="change-position" id="fixed-bottom"></a>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.js"></script>
<script>

    var change_btn = $("#fixed-bottom");
    var count = 2;
    change_btn.on("click",function(){

        if(count == 1){
            change_btn.css("background","url(images/xia.png) no-repeat 6px 6px");
            change_btn.attr("href","#main-part");
            count++;
        }else if(count == 2){
            change_btn.css("background","url(images/shang.png) no-repeat 6px 6px");
            change_btn.attr("href","#bottom-part");
            count--;
        }
    })

    $(document).ready(function () {

        $("#publishCooperation").on("click", function () {

            $("#OAModal").modal('show');
            setTimeout("$('#OAModal').modal('hide')", 10000);

        })

    });
</script>
<shiro:authenticated>
    <script src="/js/message.js"></script>
</shiro:authenticated>
</body>
</html>